﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="primaryPlate.aspx.cs" Inherits="page_primaryEnglish" %>
<%@ Register Assembly="TVControls" Namespace="Microsoft.TV.TVControls" TagPrefix="mrml" %>
<%@ Register assembly="TVControls" namespace="Microsoft.TV.TVControls.Actions" TagPrefix="mrml" %>
<%@ Register assembly="TVControls" namespace="Microsoft.TV.TVControls.Animations" TagPrefix="mrml" %>


<form id="form1" runat="server">

<mrml:TVPage ID="TVPage1" runat="server" 
    Background="../images-jpg/upload/zt/bg_subject_list.jpg" 
    style="position: absolute; height: 480px; width: 853px; top: 15px; left: 10px;">

    <mrml:TVLabel ID="subjectNameLbl" runat="server" 
            Foreground="rgb(13,70,1)"  Ellipsis="Allowed" FontStyle="Reg32"
            style="top: 15px; left: 50px;  width:300px; height:100px;" >
    </mrml:TVLabel>

    <mrml:TVXmlDataSource ID="zt_zsd_menu" runat="server" Style="position: absolute;" Url="../Data/zt/zt_zsd_menu.xml" />   
    <mrml:TVPhysicsGrid ID="TVPhysicsGrid1" runat="server" style="position:absolute; top: 70; left: 45px; height: 41px; width: 366px;"  
            DataBinder="XmlDataBinder,zt_zsd_menu,*/listitems" ElementWidth="75"  ElementHeight="40" Columns="2" Rows="1">

           <mrml:TVPhysicsCursor ID="TVPhysicsCursor2" runat="server" Style="position: absolute; width:75px; height:40px; top:0; left:10" 
                FocusBackground="../images-jpg/newVer/subject_selector.png"></mrml:TVPhysicsCursor>

          <mrml:TVPhysicsTemplate ID="TVPhysicsTemplate1" Style="position: absolute; top: 5; left: 15; width: 105; height: 40;" 
                 TemplateName="entry" FontStyle="Reg16" HorizontalAlign="Center" Foreground="ARGB(255,192,192,192)" runat="server"
                 OnHighlight="hideIndicator showIndicator" >

                 <mrml:TVPhysicsImageTemplate ID="TVPhysicsImageTemplate2" runat="server"
                    Style="position: absolute; width: 70px; height: 37px; top: 0px; left:0px;"  DataPath="@imgUrl" >
                </mrml:TVPhysicsImageTemplate>

                 <mrml:TVActions ID="TVActions4" runat="server">
                     <mrml:ShowAction Name="showIndicator" Targets="$(@showId)" />
                     <mrml:HideAction Name="hideIndicator" Targets="$(@hideId)" />
                </mrml:TVActions>

          </mrml:TVPhysicsTemplate>
    </mrml:TVPhysicsGrid> 
      
    <mrml:TVHorizontalFlowPanel ID="ZtPanel" runat="server" 
        Style="position: absolute; top:123px; left: 10px; height: 307px; width: 759px;" 
        IsVisible="true"> 

        <mrml:TVXmlDataSource ID="zt_menu" runat="server" 
            Style="position: absolute; left: 76px; top: 0px;" 
            Url="../Data/zt/primaryZT.xml" />   
        <mrml:TVPhysicsGrid ID="ZtGrid" runat="server" Style="position: absolute; left:190px; width: 850px; top: 0px; height: 290px;" 
             DataBinder="XmlDataBinder,zt_menu,*/listitems" ElementWidth="170" 
             ElementHeight="102" Columns="5" Rows="3" >

              <mrml:TVPhysicsCursor ID="TVPhysicsCursor1" runat="server" 
                  Style="position: absolute; width:175px; height:105px; top:-5px; left:0px" 
                  FocusBackground="../images-jpg/upload/zt/bg_course.png"></mrml:TVPhysicsCursor>

              <mrml:TVPhysicsTemplate ID="psTemp" Style="position: absolute; top: 5; left: 10; width: 150; height: 87;" 
                     TemplateName="entry" FontStyle="Reg16" HorizontalAlign="Center" Foreground="ARGB(255,192,192,192)" runat="server"
                      OnClick="gotoSelectSubject" >

                     <mrml:TVPhysicsImageTemplate ID="TVPhysicsImageTemplate1" runat="server"
                        Style="position: absolute; width: 145px; height: 87px; top: 0px; left:0px;"  DataPath="@iconUrl" >
                    </mrml:TVPhysicsImageTemplate>

                     <mrml:TVActions ID="TVActions2" runat="server">
                        <mrml:NavigateAction  Name="gotoSelectSubject" Data="$(@url)"/>
                    </mrml:TVActions>
              </mrml:TVPhysicsTemplate>
        </mrml:TVPhysicsGrid>  

  
   </mrml:TVHorizontalFlowPanel>

    <mrml:TVHorizontalFlowPanel ID="zsdPanel" runat="server"
        Style="position: absolute; top:123px; left: 54px; height: 307px; width: 759px;" 
        IsVisible="false">   

            <mrml:TVXmlDataSource ID="zsd_menu" runat="server" 
                Style="position: absolute; left: 0px; top: 0px;" 
                Url="../Data/zt/primaryZsd.xml" />   
 
            <mrml:TVPhysicsTable ID="tpt" runat="server" Style="position: absolute; top:0px; left: 100px; height: 294px; width: 450px;"
                 autoFlow="Horizontal" ElementWidth="450" AlignCursors="Slide" 
                DataBinder="XmlDataBinder,zsd_menu,listitems" DataSourceSemantics="Flat">
            
                <mrml:TVPhysicsRowTemplate ID="trt" AutoFlow="Horizontal" runat="server" ElementHeight="36" ElementWidth="400"
                     HeaderTemplate="header" Style="position: absolute; top:20px; left: 0px; height: 0px; width: 400px;"
                     TemplateName="Row" Background="rgb(153, 215, 130)" >
                     
                    <mrml:TVPhysicsTemplate ID="tpt1" runat="server" OnClick="CourseSelect.Click" OnHighlight="setLableDetialAction refreshImgAction"
                       Style="position: absolute; height: 40px; width: 400px;" TemplateName = "Entry" StyleClass = "Button.Menu"
                       RenderDepth="Both" VerticalAlign="Center" FontStyle="Reg24" ClipChildren="true" Ellipsis="Allowed" Text="$(@title)" 
                       FocusBackground="rgb(47, 112, 22)" Foreground="rgb(13, 70, 1)">
                        
                        <mrml:TVActions ID="TVActions3" runat="server">
                            <mrml:NavigateAction  Name="CourseSelect.Click" Data="$(@url)"/>
                            <mrml:SetAction Name="setLableDetialAction" PropertyName="value" PropertyValue="$(@detail)" Target="courseDetailLable"/>
                            <mrml:RefreshAction Name="refreshImgAction" Data=".$(@imgUrl)" Target="courseDetailImg" />
                        </mrml:TVActions>
                    </mrml:TVPhysicsTemplate>
                </mrml:TVPhysicsRowTemplate>

                <mrml:TVPhysicsTemplate ID="tpt2" runat="server" Style="position: absolute; top:-10px; left:0px; height: 69px; width: 495px;"
                   TemplateName = "header" Foreground="argb(255, 147, 195, 225)" RenderDepth="Background" FontStyle="Bold39">
                    <mrml:TVPhysicsTemplate id="tpt3" runat="server" 
                        Style="position: absolute; top:10px; left:420px; height: 25px; width: 25px;" background="image(file:/Arrow_Scroll_Up.png)" 
                        physicsfade="and(gt(endscrollposition.vertical),selected.horizontal)"></mrml:TVPhysicsTemplate> 
                    <mrml:TVPhysicsTemplate id="tpt4" runat="server" 
                        Style="position: absolute; top:277px; left:420px; height: 25px; width: 25px;" 
                        background="image(file:/Arrow_Scroll_Down.png)" 
                        physicsfade="and(gt(endscrollposition.vertical),selected.horizontal)" />    
                </mrml:TVPhysicsTemplate>
                
            </mrml:TVPhysicsTable>

            
         <mrml:TVVerticalFlowPanel ID="courseDetailPanel1" runat="server" Background="argb(158,153,215,130)"
                Style="position: absolute; top:0px; left: 550px; height: 307px; width: 300px;" >   
            
            <mrml:TVImage ID="courseDetailImg"  runat="server" 
                style="left: 0px; top: 0px; width:300px; height:100px;" 
                 Margin="rect(250,0,0,0)" >
            </mrml:TVImage>
            
            <mrml:TVLabel ID="courseDetailLable" runat="server" 
                    Background="argb(158,153,215,130)" Foreground="rgb(13,70,1)"  MaxHeight="150"  
                    Ellipsis="Allowed" FontStyle="Reg20" Margin="rect(0,0,0,0)" 
                    style="top: 100px; left: 0px;  width:300px; height:150px;" >
            </mrml:TVLabel>
 
         </mrml:TVVerticalFlowPanel> 
 
    </mrml:TVHorizontalFlowPanel> 

</mrml:TVPage> 
</form>
 